<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园购物管理平台</title>
    <link rel="stylesheet"  type="text/css" href="/css/reset.css">
    <link rel="stylesheet"  type="text/css" href="/css/main.css">
    <script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/js/jquery.form.min.js"></script>
    <script type="text/javascript" src="/js/main.js"></script>
</head>
<body>
    <div class="header">
        <div class="content">
            <h3>校园购物管理平台</h3>
        </div>
    </div>
    <div class="container">
        <div class="aside">
            <div class="aside_head">
                <div class="asdie_image">
                    <a href="javascript:;">
                        <img src="/images/head.jpeg" alt="" class="asdie_image_hidden">
                        <img src="{{user_info.head_url}}" alt="">
                    </a>
                </div>
                <h3 class="asdie_name">{{user_info.nick_name}}</h3>
                <p class="asdie_abstract">{{user_info.abstract}}</p>
                <form class="user_url_form">
                    <script>
                        function changepic(){
                            //实现图片预览效果的js
                            var reads = new FileReader();
                            f = document.getElementById('upload_file').files[0];
                            reads.readAsDataURL(f);
                            reads.onload = function(e) {
                                document.getElementById('now_user_pic').src = this.result;
                            };
                        };
                    </script>
                    <div class="show_back">
                        <img src="/images/worm.jpg" alt="" class="now_user_pic" id="now_user_pic">
                        <p>
                            (上传比例 1:1)
                        </p>
                        <input type="file" name="user_url" class="input_file"  id="upload_file" onchange="changepic(this)">
                        <input type="button" class="user_url_form_off" value="取消">
                        <button type="submit">保存</button>
                    </div>
                    <div class="back"></div>
                </form>
            </div>
            <div class="nav">
                <ul class="option_list">
                    <li class="nav_li">
                        <a href="/user_index_basic_info/" target="main_frame">基本资料</a>
                    </li>
                    <li>
                        <a href="/web_user_money/" target="main_frame">我的钱包</a>
                    </li>
                    <li>
                        <a href="/user_index_commodity_management_release/" target="main_frame">商品发布</a>
                    </li>
                    <li>
                        <a href="/user_index_commodity_management/" target="main_frame">商品管理</a>
                    </li>
                    <li>
                        <a href="/user_index_commodity_indent/" target="main_frame">商品订单</a>
                    </li>
                    <li>
                        <a href="/user_index_private_letter/" target="main_frame">我的私信</a>
                    </li>
                    <li>
                        <a href="#" onclick="logout()" target="main_frame">退出登录</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="module">
            <iframe src="/user_index_basic_info/" frameborder="0" name="main_frame" class="main_frame" id="main_frame"></iframe>
        </div>
    </div>
    <div class="footer">
        <p>2017105200325</p>
    </div>
</body>
</html>